2. Delete in a list
Date
2025-04-21
Status
Accepted
Context
When you have a list of small items with the edit and delete buttons listed with the item, trying to confirm that delete can be awkward. You have to keep track of what you are deleting and make the choice or cancel out without edit it
Intention
When a user is dealing with a big list of items, it can be confusing to know what is being deleted. We want to focus the user on action of deletion so that they have confidence in making a permenant change to the data. We don't want them clicking by accident, they should have intention and not be suprised.
Impelmentation
Deletion in this situation should be handled as an inline modal. This keeps the context of what is being deleted. It also allows them to confirm that they want it to happen so they don't accidentally delete the wrong thing. When possible all other actions in the list should be hidden or disabled until the user chooses to either delete or cancel the delete.